<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>New Bag - Lab Specimen Transport</title>
	<link rel="stylesheet" type="text/css" href="stylesheets/global.css" />
	<link rel="stylesheet" type="text/css" href="stylesheets/main.css" />
	<link rel="stylesheet" type="text/css" href="stylesheets/stops.css" />
	<link rel="stylesheet" type="text/css" href="stylesheets/edit.css" />
	<link rel="stylesheet" type="text/css" href="stylesheets/attributes.css" />
</head>
<body>
	<!-- start sidebar -->
	<div id="sidebar">
		<ul>
			<li class="incoming"><a href="main.htm"><span>Incoming</span></a></li>
			<li class="outgoing"><a href="main.htm"><span>Outgoing</span></a></li>
			<li class="lookup"><a href="lookup.htm"><span>Lookup</span></a></li>
			<li class="add-current"><a href="add.htm"><span>Add New</span></a></li>
			<li class="checkin"><a href="checkin.htm"><span>Check In</span></a></li>
			<li class="couriers"><a href="couriers.htm"><span>Couriers</span></a></li>
			<li class="users"><a href="users.htm" class="super"><span>Users</span></a><a href="users-new.htm" class="addbutton"><span>&nbsp;</span></a></li>
			<li class="locations"><a href="locations.htm" class="super"><span>Locations</span></a><a href="locations-new.htm" class="addbutton"><span>&nbsp;</span></a></li>
			<li class="routes"><a href="routes.htm" class="super"><span>Routes</span></a><a href="routes-new.htm" class="addbutton"><span>&nbsp;</span></a></li>
			<li class="editaccount"><a href="editaccount.htm"><span>Edit Account</span></a></li>
			<li class="signout"><a href="login.htm"><span>Sign Out</span></a></li>
		</ul>
	</div>
	<!-- end sidebar -->
	<!-- start content -->
	<div id="content">
		<div id="top">
			<h3>Add New</h3>
			<select onChange="location.href='add.htm'">
				<option>Bag</option>
				<option>Specimen</option>
			</select>
		</div>
		<!-- start second bar -->
		<div class="options">
			<ul class="right">
				<li><a href="main.htm" class="cancel"><span>Cancel</span></a></li>
				<li><a href="add-bag.htm" class="addanother"><span>Add Another</span></a></li>
				<li><a href="add-submit.htm" class="submit"><span>Submit</span></a></li>
			</ul>
		</div>
		<!-- end second bar -->
		<!-- start main item -->
		<div class="edit">
			<!-- ////////// START edit-table ////////// -->
			<div class="edit-table">
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Identifier</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<div class="single">
							<input type="text" class="text" value="" />
							<input type="submit" value="Generate" />
						</div>
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Hidden?</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<div class="single">
							<input type="checkbox" class="checkbox" />
						</div>
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Description (Optional)</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<textarea></textarea>
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Send To</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<div class="single">
							<select>
								<option>Harborview Medical Center</option>
								<option>UW Medical Center</option>
							</select>
						</div>
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Transport Conditions</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<div class="attributes">
							<div class="row">
								<input type="radio" />
								<em class="blue">Frozen</em>
							</div>
							<div class="row">
								<input type="radio" />
								<em class="red">Refrigerated</em>
							</div>
							<div class="row">
								<input type="radio" />
								<em class="red">Room Temperature</em>
							</div>
						</div><!-- end attributes -->
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Attributes</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<div class="attributes">
							<div class="row">
								<input type="checkbox" />
								<em class="blue">Special</em>
							</div>
							<div class="row">
								<input type="checkbox" />
								<em class="red">Unique</em>
							</div>
							<div class="row-other">
								<input type="checkbox" class="checkbox" />
								<p>Other</p>
								<input type="text" class="text" />
								<a href="" class="add"><span>add</span></a>
							</div>
						</div><!-- end attributes -->
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Comments (Optional)</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<textarea></textarea>
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row-add -->
				<div class="edit-row-add">
					<a href="#"><span>Add An Item To Bag</span></a>
				</div>
				<!-- end edit-row-add -->




				<!-- start edit-table-additional: specimen -->
				<div class="edit-table-additional">
					<!-- ////////// START edit-table ////////// -->
					<div class="edit-table">
						<!-- start tabs -->
						<div class="edit-tabs">
							<div class="left">
								<h3>Add An Item</h3>
							</div>
							<ul>
								<li class="current"><a href="#"><span>New Specimen</span></a></li>
								<li><a href="#"><span>New Bag</span></a></li>
								<li><a href="#"><span>Existing Item</span></a></li>
								<li><a href="#"><span>Untagged</span></a></li>
								<li class="remove"><a href="#"><span>remove</span></a></li>
							</ul>
						</div>
						<!-- end tabs -->
						<!-- start edit-row -->
						<div class="edit-row">
							<div class="left">
								<label>Identifier</label>
								<p>Blah blah blah</p>
							</div>
							<div class="right">
								<div class="single">
									<input type="text" value="" class="text" />
									<input type="submit" value="Generate" />
								</div>
							</div>
						</div>
						<!-- end edit-row -->
						<!-- start edit-row -->
						<div class="edit-row">
							<div class="left">
								<label>Color</label>
								<p>Blah blah blah</p>
							</div>
							<div class="right">
								<div class="attributes">
									<div class="row">
										<input type="radio" checked="checked" />
										<em class="blue">Blue</em>
									</div>
									<div class="row">
										<input type="radio" />
										<em class="red">Red</em>
									</div>
									<div class="row-other">
										<input type="radio" class="checkbox" />
										<p>Other</p>
										<input type="text" class="text" />
									</div>
								</div><!-- end attributes -->
							</div>
						</div>
						<!-- end edit-row -->
						<!-- start edit-row -->
						<div class="edit-row">
							<div class="left">
								<label>Description (Optional)</label>
								<p>Blah blah blah</p>
							</div>
							<div class="right">
								<textarea></textarea>
							</div>
						</div>
						<!-- end edit-row -->
						<!-- start edit-row -->
						<div class="edit-row">
							<div class="left">
								<label>Comments (Optional)</label>
								<p>Blah blah blah</p>
							</div>
							<div class="right">
								<textarea></textarea>
							</div>
						</div>
						<!-- end edit-row -->
					</div>
					<!-- ////////// END edit-table ////////// -->
				</div>
				<!-- end edit-table-additional: specimen -->




				<!-- start edit-table-additional: bag -->
				<div class="edit-table-additional">
					<!-- ////////// START edit-table ////////// -->
					<div class="edit-table">
						<!-- start tabs -->
						<div class="edit-tabs">
							<div class="left">
								<h3>Add An Item</h3>
							</div>
							<ul>
								<li><a href="#"><span>New Specimen</span></a></li>
								<li class="current"><a href="#"><span>New Bag</span></a></li>
								<li><a href="#"><span>Existing Item</span></a></li>
								<li><a href="#"><span>Untagged</span></a></li>
								<li class="remove"><a href="#"><span>remove</span></a></li>
							</ul>
						</div>
						<!-- end tabs -->
						<!-- start edit-row -->
						<div class="edit-row">
							<div class="left">
								<label>Identifier</label>
								<p>Blah blah blah</p>
							</div>
							<div class="right">
								<div class="single">
									<input type="text" value="" class="text" />
									<input type="submit" value="Generate" />
								</div>
							</div>
						</div>
						<!-- end edit-row -->
						<!-- start edit-row -->
						<div class="edit-row">
							<div class="left">
								<label>Description (Optional)</label>
								<p>Blah blah blah</p>
							</div>
							<div class="right">
								<textarea></textarea>
							</div>
						</div>
						<!-- end edit-row -->
						<!-- start edit-row -->
						<div class="edit-row">
							<div class="left">
								<label>Comments (Optional)</label>
								<p>Blah blah blah</p>
							</div>
							<div class="right">
								<textarea></textarea>
							</div>
						</div>
						<!-- end edit-row -->
						<!-- start edit-row-add -->
						<div class="edit-row-add">
							<a href="#"><span>Add An Item To Bag</span></a>
						</div>
						<!-- end edit-row-add -->
					</div>
					<!-- ////////// END edit-table ////////// -->
				</div>
				<!-- end edit-table-additional: bag -->




				<!-- start edit-table-additional: existing -->
				<div class="edit-table-additional">
					<!-- ////////// START edit-table ////////// -->
					<div class="edit-table">
						<!-- start tabs -->
						<div class="edit-tabs">
							<div class="left">
								<h3>Add An Item</h3>
							</div>
							<ul>
								<li><a href="#"><span>New Specimen</span></a></li>
								<li><a href="#"><span>New Bag</span></a></li>
								<li class="current"><a href="#"><span>Existing Item</span></a></li>
								<li><a href="#"><span>Untagged</span></a></li>
								<li class="remove"><a href="#"><span>remove</span></a></li>
							</ul>
						</div>
						<!-- end tabs -->
						<!-- start edit-row -->
						<div class="edit-row">
							<div class="left">
								<label>Identifier</label>
								<p>Enter the identifier of an existing item.</p>
							</div>
							<div class="right">
								<div class="single">
									<input type="text" value="" />
								</div>
							</div>
						</div>
						<!-- end edit-row -->
					</div>
					<!-- ////////// END edit-table ////////// -->
				</div>
				<!-- end edit-table-additional: existing -->




				<!-- start edit-table-additional: untagged -->
				<div class="edit-table-additional">
					<!-- ////////// START edit-table ////////// -->
					<div class="edit-table">
						<!-- start tabs -->
						<div class="edit-tabs">
							<div class="left">
								<h3>Add An Item</h3>
							</div>
							<ul>
								<li><a href="#"><span>New Specimen</span></a></li>
								<li><a href="#"><span>New Bag</span></a></li>
								<li><a href="#"><span>Existing Item</span></a></li>
								<li class="current"><a href="#"><span>Untagged</span></a></li>
								<li class="remove"><a href="#"><span>remove</span></a></li>
							</ul>
						</div>
						<!-- end tabs -->
						<!-- start edit-row -->
						<div class="edit-row">
							<div class="left">
								<label>Enter Counts</label>
								<p>Enter the number of items for each color.</p>
							</div>
							<div class="right">
								<div class="group">
									<div class="row">
										<input type="text" value="0" />
										<em class="blue">Blue</em>
									</div>
									<div class="row">
										<input type="text" value="0" />
										<em class="red">Red</em>
									</div>
								</div><!-- end group -->
							</div>
						</div>
						<!-- end edit-row -->
					</div>
					<!-- ////////// END edit-table ////////// -->
				</div>
				<!-- end edit-table-additional: untagged -->




			</div>
			<!-- ////////// END edit-table ////////// -->
		</div>
		<!-- end main item -->

		<!-- start additional item -->
		<div class="edit">
			<!-- ////////// START edit-table ////////// -->
			<div class="edit-table">
				<!-- start edit-row-additional -->
				<div class="edit-row-additional">
					<h3>Item 2</h3>
				</div>
				<!-- end edit-row-additional -->
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Identifier</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<div class="single">
							<input type="text" class="text" value="" />
							<input type="submit" value="Generate" />
						</div>
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Hidden?</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<div class="single">
							<input type="checkbox" class="checkbox" />
						</div>
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Description (Optional)</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<textarea></textarea>
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Send To</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<div class="single">
							<select>
								<option>Harborview Medical Center</option>
								<option>UW Medical Center</option>
							</select>
						</div>
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Transport Conditions</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<div class="attributes">
							<div class="row">
								<input type="radio" />
								<em class="blue">Frozen</em>
							</div>
							<div class="row">
								<input type="radio" />
								<em class="red">Refrigerated</em>
							</div>
							<div class="row">
								<input type="radio" />
								<em class="red">Room Temperature</em>
							</div>
						</div><!-- end attributes -->
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Attributes</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<div class="attributes">
							<div class="row">
								<input type="checkbox" />
								<em class="blue">Special</em>
							</div>
							<div class="row">
								<input type="checkbox" />
								<em class="red">Unique</em>
							</div>
							<div class="row-other">
								<input type="checkbox" class="checkbox" />
								<p>Other</p>
								<input type="text" class="text" />
								<a href="" class="add"><span>add</span></a>
							</div>
						</div><!-- end attributes -->
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row -->
				<div class="edit-row">
					<div class="left">
						<label>Comments (Optional)</label>
						<p>Blah blah blah</p>
					</div>
					<div class="right">
						<textarea></textarea>
					</div>
				</div>
				<!-- end edit-row -->
				<!-- start edit-row-add -->
				<div class="edit-row-add">
					<a href="#"><span>Add An Item To Bag</span></a>
				</div>
				<!-- end edit-row-add -->
			</div>
			<!-- ////////// END edit-table ////////// -->
		</div>
		<!-- end additional item -->
		<div class="options">
			<ul class="right">
				<li><a href="main.htm" class="cancel"><span>Cancel</span></a></li>
				<li><a href="add-bag.htm" class="addanother"><span>Add Another</span></a></li>
				<li><a href="add-submit.htm" class="submit"><span>Submit</span></a></li>
			</ul>
		</div>
	</div>
	<!-- end content -->
</body>
</html>